<template>
  <div class="mine">
     <Girl/>
    <MusicBack title="我的音乐" text=""  :setting="true" :arrow="false" :border="false" />
    <MusicMines />
    <MusicTabBar :actives="4" />
  </div>
</template>

<script>
import Girl from "@/components/mine/Girl.vue";
import MusicBack from "@/components/common/back.vue";
import MusicMines from "@/components/mine/mines.vue";
import MusicTabBar from "@/components/Tab_bar/Tab_bar.vue";

export default {
  name: "MusicMine",
  components: {
     Girl,
    MusicBack,
    MusicTabBar,
    MusicMines,
  },
  data() {
    return {};
  },

  mounted() {
    this.$store.commit("SET_HIGHLY", true);
  },
  destroyed() {
    this.$store.commit("SET_HIGHLY", false);
  },

  methods: {},
};
</script>

<style lang="less" scoped>
.mine /deep/ .van-nav-bar__content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 2.875rem;
  background-color: #fff;

}
.mine /deep/  .van-nav-bar__title {color: #000 ;}

</style>